<script>
var audio = new Audio("AUD/The_First_Layer.mp3");
audio.loop = true;
document.querySelector("#play-button").addEventListener("click", function() {
audio.play();
});
</script>
<button id="play-button">Play Music</button>
<img src="IMG\p1.png" width="70%">
Nice weather today!
Huh, I am so lucky that I did not drown
It seems like I've come to an island!
(hover-style:(text-color:#7FFFD4))[[ Is someone here?->new friend]]
(set:$name to (prompt:"what shall we call you?^ ^","my friend"))
<img src="IMG\P2.png" width="70%">
"Hi, $name, welcome here! We haven't seen a new face in a long time! It is so happy to see you here ε(*′･∀･｀)зﾞ"
In front of you, there is a Turtle, a Bird and a Mouse.
They are very friendly to you, and help you start a new life on the island.
Soon, you become friends.
(hover-style:(text-color:#7FFFD4))[[You enjoy the moment very much->happy play]]
(hover-style:(text-color:#7FFFD4))[[I feel something missing, but what is it?->great work]]
<img src="IMG\P3.jpg" width="70%">
You are <center>playing (text-color:#00FFFF)[together]
swimming (text-color:#00FFFF)[together]
singing (text-color:#00FFFF)[together]
dancing (text-color:#00FFFF)[together]
living (text-color:#00FFFF)[together]</center>
(hover-style:(text-color:#7FFFD4))[[I feel like something missing, but what is it?->great work]]
<img src="IMG\P4.png" width="70%">
You realized that you are capable of making this island better.
"Hey! I want to show you something!" You said.
"w(ﾟДﾟ)wwow, that is so fantastic! $name"
"We have never seen such great and beautiful work! ♪(^∇^*)" They said.
You are so proud of this great work.
(hover-style:(text-color:#7FFFD4))[[Everything seems good->sky city]]<img src="IMG\P5.png" width="70%">
You've been so busy with your own creative work for a long time.
Your work is getting perfect.
One day, you remember that you haven't seen your friends for a long time.
(hover-style:(text-color:#FFD700))[[It is time to see them!-> Turtle]]
(hover-style:(text-color:red))[[ I need more time to do my work->long time]]
<img src="IMG\P6.png" width="70%">
"$name, Long time no see!╰(*°▽°*)╯"
"We are missing you so much!（づ￣3￣）づ╭❤～" They said.
You feel like something is going wrong.
(hover-style:(text-color:#FFD700))[[Have any of you ever seen Turtle?-> nothing wrong]]
<center>(text-size:3)|time>[A long time has passed.You can't even remember how long it's been.]</center>
(mouseover-replace:?time)[Have you forgotten something?]
(hover-style:(text-color:#FFD700))[[Yes...I promised to see them...-> Turtle]]
(hover-style:(text-color:red))[[ I need more time to do my work->bad time]]<center>(text-size:3)|forget>[.......]</center>
(mouseover-replace:?forget)+(text-color:red)[Did you forget something?]
<center>(text-size:3)|forget2>[.......]</center>
(mouseover-replace:?forget2)+(text-color:red)[Did you forget something?]
<center>(text-size:3)|forget3>[.......]</center>
(mouseover-replace:?forget3)+(text-color:red)[Did you forget something?]
(hover-style:(text-color:red))[[Yes...I promised to see them...->Everbody]]
(hover-style:(text-color:red))[[ I need more time to do my work->bad time]]
<img src="IMG\P7.png" width="70%">
You think the turtles must be traveling somewhere.
You are back to your sky-city.
...Long time has passed...
(hover-style:(text-color:#FFD700))[[Let's see my friends?-> Bird]]
<img src="IMG\P8.png" width="70%">
"$name, Long time no see! ┭┮﹏┭┮"
"I am missing you so much!━┳━ ━┳━" Mouse said.
The strange feeling deepened. You feel like something is going wrong.
(hover-style:(text-color:#FFD700))[[Have you ever seen Bird?-> something wrong]]
<img src="IMG\P9.png" width="70%">
Day by day, nothing seems going wrong.
(hover-style:(text-color:red))[[Really?->Everbody]]<img src="IMG\P10.png" width="70%">
<center>(text-size:3)|where>[But, Where are my friends?]</center>
(mouseover-replace:?where)+(text-color:red)[Where are you?]
(hover-style:(text-color:white))[[Where...are...->bye]]<center>(text-size:4)[Bye, My Friend!]</center>